<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SGS曙光社 - 图站</title>
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<link href="../css/theme.css" rel="stylesheet" type="text/css" />
<link href="../css/jkui.layout.css" rel="stylesheet" type="text/css" />
<link href="../css/jkui.theme.css" rel="stylesheet" type="text/css" />
<link href="../css/ie6fix.css" rel="stylesheet" type="text/css" />
</head>

<body id="preview">
	<div class="page_wrapper">
		<div class="top_bar">
			<div class="login">
				<strong> username@email.com </strong> | 
				<a href="#"> Manage my pictures </a> | 
				<a href="#"> Logoff</a> | 
				<a class="login" href="#"> Login</a>
			</div>
			<div class="navigator">
				<ul><li><a href="#">FAQ</a></li>
				<li><a href="#">Staff</a></li>
				<li><a href="#">Help</a></li>
				<li><a href="#">BBS</a></li>
				</ul>
			</div>
		</div>
		<div class="head">
			<div class="logo"> <a href="index.html"> SGS曙光社 - 图站 </a></div>
			<div class="search"><form action="list.html" name="search">
				<input class="textbox" name="keywords" type="text" /> 
				<button type="submit"> Search </button>
				
				<div class="search_history">
					<strong>Search history:</strong> <a href="#">tag1</a> | <a href="#">tag2</a> | <a href="#">tag3</a> | <a href="#">tag4</a> | <a href="#">tag5</a> ...
				</div>
			</form></div>
		</div>
		<div class="content">
			<div class="right functions">
				<div class="actions">
					<a href="#" class="vote_up button">Vote up</a>
					<a href="#" class="vote_down button">Vote down</a>
					<a href="#" class="report button">Report</a>
				</div>
				<div class="rating_box">
					<div>
						<a href="#" class="original button">Original</a>
						<a href="#" class="original button">Set Avatar</a>
						<a href="#" class="original button">Add Favorite</a>
					</div>
					<span class="rating"><span class="rate1"></span></span>
				</div>
				<div class="info">
					<h4>hahaha</h4>
					<span>1980 x 720</span>
					<strong>1.3Mb</strong> 
					<span>By: <a href="#">Tony</a></span>
					<span>Uploaded by: <a href="#">Admin</a></span>
					<span>Added on: 2009/12/24</span>
					<p>Dispcritoin text on this picture <a href="#">more...</a> <span class="hide">more description</span></p>
					<a class="edit_info" href="#">Edit info...</a> 
				</div>
				<div class="tags">
					<h3>Tags</h3>
					<p><!--
						<a href="#" class="tag5 odd">tag</a>,
						<a href="#" class="tag4">标签</a>,
						<a href="#" class="tag3 odd">标签标签</a>,
						<a href="#" class="tag4">tag</a>,
						<a href="#" class="tag5 odd">テストタッグ</a>,
						<a href="#" class="tag3">tag</a>,
						<a href="#" class="tag4 odd">タッグテスト</a>,
						<a href="#" class="tag3">tag</a>,
						<a href="#" class="tag5 odd">セーバー</a>,
						<a href="#" class="tag5">贱人</a>,
						<a href="#" class="tag2 odd">剑</a>,
						<a href="#" class="tag4">sword</a>,
						<a href="#" class="tag3 odd">fate stay night</a>,
						<a href="#" class="tag1">moe</a>
						-->
						<a href="#">tag tag tag tag long long long long long long tag tag (<span class="number">10</span>)</a>
						<a href="#" class="">标签 (<span class="number">20</span>)</a>
						<a href="#">标签标签 (<span class="number">30</span>)</a>
						<a href="#" class="">tag (<span class="number">100</span>)</a>
						<a href="#" class="">テストタッグ (<span class="number">1234</span>)</a>
						<a href="#" class="">tag (2)</a>
						<a href="#" class=" ">タッグテスト (<span class="number">555</span>)</a>
						<a href="#" class="">tag (<span class="number">421</span>)</a>
						<a href="#" class=" ">セーバー (<span class="number">9</span>)</a>
						<a href="#" class="">贱人 (<span class="number">10</span>)</a>
						<a href="#" class=" ">剑 (<span class="number">43</span>)</a>
						<a href="#" class="">sword (<span class="number">230</span>)</a>
						<a href="#" class=" ">fate stay night (<span class="number">33</span>)</a>
						<a href="#" class="">moe (<span class="number">99</span>)</a>
					</p>
					<a class="edit_tags" href="#">Edit tags...</a>
				</div>
			</div>
			<div class="middle preview">
				<div class="actions">
					<a href="#">&larr; Previous</a> <span class="info">1 of 12345</span> <a href="#">Next &rarr;</a>
				</div>
				<div class="picture"><img src="../pics/moe 110407 sample.jpg" width="600" /></div>
				<div class="statistics">
					<span class="views">Views: 0</span> Favored by: <a href="#">user1</a>, <a href="#">user2</a>, <a href="#">user3</a>, <a href="#">user4</a>, <a href="#">user5</a>, <a href="#">more...</a>
				</div>
				<div class="comments">
					<ul>
						<li>
							<div class="commenter">
								<div class="avatar"><img src="../images/no_avatar.jpg" /></div>
								<div class="info">
									<a class="name" href="#">Yanxi</a>
									<span class="time">Dec 24, 2009 2:44 AM</span>
								</div>
							</div>
							<p class="comment_content">test the comment system with more more more more more text test the comment system with more more more more more text test the comment system with more more more more more text test the comment system with more more more more more text test the comment system with more more more more more</p>
						</li>
					</ul>
					<div class="add">
						<form action="#" method="post">
							<div class="commenter"><div class="avatar"><img src="../images/no_avatar.jpg" /></div>
							<div class="info"><a class="name" href="#">Yanxi</a><span class="time">Dec 24, 2009 2:44 AM</span></div></div>
							<div class="comment_content">
								<div class="textarea_wrapper"><textarea name="textarea" rows="3"></textarea></div>
								<button type="submit">Post Response</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<p>Powered by <strong><a href="http://sgsub.com">曙光社</a></strong> <a href="contact.html">联系我们</a> <a href="http://bbs.sgsub.com">前往社区</a></p>
		</div>
	</div>
	<div id="components" class="hide">
		<!-- editor is only need in preview.html -->
		<div class="dialog editor">
			<div class="jkui-tabs">
				<ul>
					<li><a href="#">Info</a></li>
					<li><a href="#">Tags</a></li>
				</ul>
				<div>
					<h4>Basic information</h4>
					<dl>
						<dt>Title: </dt> <dd><input type="text" class="textbox" name="title" value="hahaha" /> </dd>
						<dt>Resolution: </dt> <dd><input type="text" class="textbox" name="resolution" value="1980 x 720" disabled="disabled" /></dd>
						<dt>Artist: </dt><dd><input type="text" class="textbox" name="artist" value="Tony" /></dd>
					</dl>
					<h4>Description</h4>
					<textarea>Dispcritoin text on this picture more description</textarea>
				</div>
				<div>
					<h4>Edit tags</h4>
					<textarea>tag1,tag2,标签3,标签标签, 我是一个长长长标签，i'm a long long long long long tag</textarea>
				</div>
			</div>
		</div> <!-- end of editor -->
		
		<!-- login is needed univerally -->
		<div class="dialog login">
			<form action="#" name="login">
				<h4>Login</h4>
				<dl>
					<dt>Username: </dt>
					<dd><input name="username" type="text" class="textbox" /></dd>
					<dt>Password: </dt>
					<dd><input name="password" type="password" class="textbox" /></dd>
				</dl>
			</form>
			<form action="#" name="register" class="hide">
				<h4>Register</h4>
				<dl class="register">
					<dt>Username: </dt>
					<dd><input name="username" type="text" class="textbox" /></dd>
					<dt>Password: </dt>
					<dd><input name="password" type="password" class="textbox" /></dd>
					<dt>Confirm password: </dt>
					<dd><input name="confirmPassword" type="password" class="textbox" /></dd>
				</dl>
			</form>
			<p>Please log in. To create a new account, enter the name and password you want to use.</p>
		</div> <!-- end of login -->
	</div>
	<div id="static_taxt">
		<!-- please replace the text in the "value" property according to the language that user chose -->
		<input type="hidden" name="ok" value="OK" />
		<input type="hidden" name="cancel" value="Cancel" />
		<input type="hidden" name="editorTitle" value="Edit info" />
		<input type="hidden" name="loginTitle" value="Login/Register" />
	</div>
	<script type="text/javascript" src="../js/libs.js"></script>
	<script type="text/javascript" src="../../src/jkui.js"></script>
	<script type="text/javascript" src="../../src/features.js"></script> 
	<script type="text/javascript" src="../../src/widgets.js"></script>
	<script type="text/javascript" src="../js/popups.js"></script>

<!--	<script type="text/javascript" src="../js/mootools-1.2.4-core-nc.js"></script> -->
</body>
</html>
